@include comp(theme-color) {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: plv(secondary-2);
  transform: rotate(45deg);
  transform-origin: center;

  $size: 24px;
  $inset: 4px;

  border-radius: $size;
  height: $size;
  width: $size;

  & > div:first-child {
    border-top-left-radius: $size;
    border-bottom-left-radius: $size;
    position: absolute;
    top: $inset;
    left: $inset;
    height: calc(100% - #{$inset} * 2);
    width: calc((100% - #{$inset} * 2) / 2 + 1px);
  }
  & > div:last-child {
    border-top-right-radius: $size;
    border-bottom-right-radius: $size;
    position: absolute;
    top: $inset;
    right: $inset;
    height: calc(100% - #{$inset} * 2);
    width: calc((100% - #{$inset} * 2) / 2);

  }
}
